<template>
    <a-layout style="min-height: 100vh">
        <a-layout-sider v-model:collapsed="collapsed" collapsible>
            <a-menu
                v-model:selectedKeys="selectedKeys"
                theme="dark"
                mode="inline"
            >
                <a-sub-menu key="config">
                    <template #title>
                        <span>
                            <BarChartOutlined />
                            <span>报表</span>
                        </span>
                    </template>
                    <a-menu-item key="r1">
                        <router-link to="/config/r1">
                            <span>报表1</span>
                        </router-link>
                    </a-menu-item>
                </a-sub-menu>
                <a-sub-menu key="config">
                    <template #title>
                        <span>
                            <SettingOutlined />
                            <span>配置</span>
                        </span>
                    </template>
                    <a-menu-item key="c1">
                        <router-link to="/config/1">
                            <span>报表1</span>
                        </router-link>
                    </a-menu-item>
                </a-sub-menu>
                <a-menu-item key="datebase">
                    <router-link to="/config/database">
                        <span>
                            <DatabaseOutlined />
                            <span>数据源</span>
                        </span>
                    </router-link>
                </a-menu-item>
            </a-menu>
        </a-layout-sider>
        <a-layout>
            <a-layout-content>
                <RouterView />
            </a-layout-content>
        </a-layout>
    </a-layout>
</template>

<script setup>
import { ref } from "vue";
import {
    SettingOutlined,
    DatabaseOutlined,
    BarChartOutlined,
} from "@ant-design/icons-vue";
const collapsed = ref(false);
const selectedKeys = ref([]);
</script>

<style scoped></style>
